<script type="text/javascript" src="/js/jquery.validate.js"></script>

<section class="grid_12" style="width: 60%;margin-left: 20%;">
<div class="block-border" style="margin-bottom: 20px;">
<form class="block-content form" id="changepass_form" method="post"
	action="">

<h1>パスワード更新</h1>

<fieldset><legend>パスワード</legend>
<?php 
	if($this->err_msg != null){ ?>
	<p class="message error no-margin"><?php echo $this->err_msg; ?></p>
	<?php 		
	}
	if($this->msg != null){ ?>
	<p class="message success no-margin"><?php echo $this->msg; ?></p>
	<?php 		
	}
?>
<p class="inline-label"><label for="oldpass">古いパスワード</label>
						<?php echo $this->formPassword("oldpass");?>
					</p>

<p class="inline-label"><label for="newpass">新しいパスワード</label>
						<?php echo $this->formPassword("newpass");?>
					</p>

<p class="inline-label"><label for="newpass_confirm">新しいパスワードを確認する</label>
						<?php echo $this->formPassword("newpass_confirm");?>
					</p>
					<?php echo $this->formHidden("callback", $this->callback);?>

</fieldset>

<fieldset class="grey-bg no-margin">
<p>
<button type="submit">更新</button>
<button type="button" id="cancel_btn">戻す</button>
</p>
</fieldset>

</form>
</div>
</section>

<!-- Table script -->
<script type="text/javascript">
$(document).ready(function(){	

	$("#cancel_btn").click(function(){
		if($("#callback").val() == "admin")
			window.location = "/admin";
		else
			window.location = "/user";
	});
	
	$("#changepass_form").validate({
 		rules: {
			oldpass : {
				required : true
			},
			newpass : {
				required : true
			},
			newpass_confirm : {
				required : true,
				equalTo: "#newpass"
			}
		},
		messages: {
			oldpass: {
				required: "古いパスワードを入力してください"
			},
			newpass: {
				required: "新しいパスワードを入力してください"
			},
			newpass_confirm : {
				required : "新しいパスワードを確認してください ",
				equalTo: "前のパスワードのように入力してください。"
			}
		}
	});
});
</script>